
<template>
	<view>
		<!-- 头部 -->
		<uni-nav-bar @clickLeft="$utils.ret()" height="130rpx" white left-icon="left" leftText="返回" title="问题反馈" />
		<!-- 问题类型 -->
		<view class="problem_type">
			<view class="problems">
				<view class="type">
					类型
				</view>
				<view class="question_type">
					<span>请选择问题类型</span><i class="iconfont icon-dayuhao da"></i>
				</view>
			</view>
			<!-- 地址 -->
			<view class="address">
				<view class="home">
					住址
				</view>
				<view class="room">
					<span>清水湾2号楼1单元2103</span><i class="iconfont icon-dayuhao hao"></i>
				</view>
			</view>
			<!-- 联系电话 -->
			<view class="moblie">
				<view class="tel">
					联系电话
				</view>
				<view class="tel_num">
					<span>13522568755</span><i class="iconfont icon-dayuhao yu"></i>
				</view>
			</view>
			<view class="txt">
				<textarea placeholder="请输入反馈问题,以便社区管理员尽快为你解决"></textarea>
			</view>
			<view class="imags">
				<view class="chence">
					<i class="iconfont icon-xiangji xiang"></i>
				</view>
				<view class="pictrue">
					<view class="imgs">
						<image src="../../static/images/home_nav3.jpg" mode=""></image>
						<i class="iconfont icon-shanchu11 del"></i>
					</view>
					<view class="imgs">
						<image src="../../static/images/home_nav3.jpg" mode=""></image>
						<i class="iconfont icon-shanchu11 del"></i>
					</view>
					<view class="imgs">
						<image src="../../static/images/home_nav3.jpg" mode=""></image>
						<i class="iconfont icon-shanchu11 del"></i>
					</view>
					<view class="imgs">
						<image src="../../static/images/home_nav3.jpg" mode=""></image>
						<i class="iconfont icon-shanchu11 del"></i>
					</view>
<<<<<<< HEAD
=======

				</view>
				<button type="primary" @click="$utils.go('/pages/repairs/repairs')">确认报修</button>
>>>>>>> 0da30db2f223fe3fbb00bb5ae7f7969c3c857bf6
				</view>
				<button>确认报修</button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>
<style>
	page {
		width: 100%;
		height: 100vh;
		background-color: white;
	}
	uni-textarea {
		width: 100%;
	}
	/* 头部 */
	/deep/.uni-navbar__content {
		border: none;
	}
	/deep/.uni-nav-bar-text {
		font-size: 25rpx !important;
	}
	/* 问题类型 */
	.problem_type {
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	.problems {
		width: 100%;
		line-height: 110rpx;
		justify-content: space-between;
		display: flex;
		border-bottom: 1px solid #f0f0f0;
	}
	.type {
		height: 110rpx;
		font-size: 25rpx;
		color: #000000;
		line-height: 110rpx;
	}
	.question_type {
		height: 110rpx;
		line-height: 110rpx;
		font-size: 25rpx;
	}
	.question_type span {
		color: #ababab;
	}
	.question_type i {
		padding-left: 20rpx;
		font-size: 25rpx;
		color: #ababab;
	}
	.da {
		font-size: 25rpx;
	}
	.address {
		width: 100%;
		line-height: 110rpx;
		justify-content: space-between;
		display: flex;
		border-bottom: 1px solid #f0f0f0;
	}
	.home {
		height: 110rpx;
		font-size: 25rpx;
		color: #000000;
		line-height: 110rpx;
	}
	.room {
		height: 110rpx;
		line-height: 110rpx;
		font-size: 25rpx;
	}
	.room span {
		color: #ababab;
	}
	.room i {
		padding-left: 20rpx;
		font-size: 25rpx;
		color: #ababab;
	}
	.hao {
		font-size: 25rpx;
	}
	/* 联系电话 */
	.moblie {
		width: 100%;
		line-height: 110rpx;
		justify-content: space-between;
		display: flex;
	}
	.tel {
		height: 110rpx;
		font-size: 25rpx;
		color: #000000;
		line-height: 110rpx;
	}
	.tel_num {
		height: 110rpx;
		line-height: 110rpx;
		font-size: 25rpx;
	}
	.tel_num span {
		color: #ababab;
	}
	.tel_num i {
		padding-left: 20rpx;
		font-size: 25rpx;
		color: #ababab;
	}
	.yu {
		font-size: 25rpx;
	}
	/* 文本域 */
	.txt {
		height: 165rpx;
		border: 1px solid #ababab;
		border-radius: 10rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		padding-top: 30rpx;
	}
	.txt textarea {
		font-size: 25rpx;
	}
	/* 图片 */
	.imags {
		height: 115rpx;
		margin-top: 30rpx;
	}
	.chence {
		width: 100rpx;
		height: 100rpx;
		border: 1px solid #ababab;
		margin-top: 15rpx;
		border-radius: 10rpx;
		text-align: center;
		position: absolute;
		line-height: 100rpx;
	}
	.chence i {
		color: #898989;
		font-size: 60rpx;
	}
	.pictrue {
		margin-left: 100rpx;
		display: flex;
		flex-wrap: wrap;
	}
	.imgs {
		width: 100rpx;
		height: 100rpx;
		margin-bottom: 40rpx;
		margin-left: 40rpx;
		position: relative;
	}
	.imgs image {
		width: 100rpx;
		height: 100rpx;
		margin-top: 15rpx;
	}
	.imgs i {
		position: absolute;
		top: 0;
		left: 80rpx;
	}
	.imgs .del {
		font-size: 35rpx;
	}
	button {
		width: 515rpx;
		height: 75rpx;
		color: white;
		font-size: 30rpx;
		margin-top: 90rpx;
		background-color: #1f8fff;
		border-radius: 50rpx;
	}
</style>